<template>
  <div class="p-2">
    <div class="md:flex h-64">
      <GrowCard class="md:mr-4 flex-shrink-0" :loading="loading" />
      <SiteAnalysis class="flex-1 h-64" :loading="loading" />
    </div>
    <div class="md:flex mt-2 relative">
      <BaiduMap width="100%" height="calc(100vh - 336px)"></BaiduMap>
      <this-list />
    </div>
    <!-- <infoWindow ref="infoRef" /> -->
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import GrowCard from './components/GrowCard.vue';
import SiteAnalysis from './components/SiteAnalysis.vue';
import BaiduMap from './components/Baidu.vue';
import thisList from './list.vue';
// import infoWindow from './infoWindow.vue';

const loading = ref(true);

setTimeout(() => {
  loading.value = false;
}, 100);
</script>

<style>
.h-map {
  /* height: calc(100vh - 300px); */
}
</style>
